CSS优先级决定了当多个样式规则应用于同一个HTML元素时，哪个规则最终生效。CSS优先级的计算主要基于选择器的类型和它们出现的次数，以及是否使用了!important声明。以下是对CSS优先级计算规则的详细解释：

一、优先级计算的基本规则

CSS优先级可以通过一个四位的元组（a,b,c,d）来表示，其中a、b、c、d分别代表不同选择器类型的权重，从左到右权重依次递增。具体规则如下：

1. 内联样式：直接在HTML元素上通过style属性设置的样式，其优先级最高，表示为（1,0,0,0）。
2. ID选择器：通过元素的ID属性来选择的样式，每个ID选择器在b的值上加1。例如，#header的权重为（0,1,0,0）。
3. 类选择器、属性选择器和伪类选择器：这些选择器通过元素的类名、属性或伪类状态来选择的样式，每个此类选择器在c的值上加1。例如，.nav-link、[type="text"]、:hover的权重都为（0,0,1,0）。
4. 元素选择器和伪元素选择器：通过HTML元素类型或伪元素来选择的样式，每个元素或伪元素选择器在d的值上加1。例如，p、::before的权重都为（0,0,0,1）。

二、优先级计算的具体步骤

1. 计算每个规则的优先级值：根据规则中使用的选择器类型，按照上述规则计算每个规则的优先级值。
2. 从左到右比较优先级值：将每个规则的优先级值从左到右逐位比较，如果某个数字较大，则对应的规则优先级更高。
3. 处理相同优先级的情况：如果所有数字都相同，则最后出现的规则优先级更高（遵循“后声明优先原则”）。

三、特殊情况的优先级处理

1. !important规则：如果一个样式声明后面跟着!important，那么这个声明的优先级是最高的，无论其他规则的优先级如何。即使其他规则是内联样式或使用了ID选择器，!important规则也会覆盖它们。但需要注意的是，如果两个规则都使用了!important，则仍然需要按照上述规则来计算优先级。
2. 继承的样式：继承得来的样式的优先级是最低的。如果多个规则都适用于同一个元素，但其中一个规则是通过继承得到的，那么它的优先级将低于其他直接声明的规则。
3. 通配符选择器：通配符选择器（*）的特殊性值为（0,0,0,0），它对优先级的贡献为0。

四、示例说明

假设有以下CSS规则：

#header h1 { color: red; } /* 特殊性值:(0,1,0,1) */
body .content p { color: blue; } /* 特殊性值:(0,0,1,2) */
h1 { color: green; } /* 特殊性值:(0,0,0,1) */

根据上述规则，#header h1的优先级最高，因为它包含了一个ID选择器（#header）。如果#header h1和body .content p同时应用于同一个<h1>元素（假设这个<h1>位于.content内且是<header>的子元素），则#header h1的样式将覆盖body .content p的样式。如果都没有匹配到更具体的规则，则最后声明的规则（在本例中是h1 { color: green; }）将作为默认值。

综上所述，CSS优先级的计算是一个复杂但有序的过程，它确保了样式表中的规则能够按照预期的方式应用于HTML元素。